var webpack = require('webpack');
var path = require('path');
// 导入插件
var ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
    // 入口，需要打包的文件
    // 多个文件的时候，entry 可以是个列表[]
    entry: {
        app: './src/main.js'
    },
    output: {
        // 打包到的位置，需要使用绝对路径
        path: path.resolve(__dirname, './dist'),
        // 表示使用entry中指定的文件名，也就是app.js
        filename: '[name].js'
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                use: 'css-loader'
            })
        }]
    },
    plugins: [
        // 提取到一个文件中给你，文件名为 entry 中指定的也就是 app.css
        new ExtractTextPlugin('[name].css')
    ]
};

// 环境变量设置了 `production`，也就是生产环境下才进行下面的操作
if (process.env.NODE_ENV == 'production') {
    // 拓展上面 `module.exports` 中的 plugins，如果没有，就初始化
    // 一个空列表
    module.exports.plugins = (module.exports.plugins || []).concat([
        // 使用了一个丑化 js 的插件
        new webpack.optimize.UglifyJsPlugin()
    ])
}